
<ng-container *ngIf="!outlet.isActivated">
    <!-- <ts-tabs [tabs]="['全部']" [color]="global.getValue('color')" activeTab="全部" (tabChange)="changeSearchStatus($event)">
    </ts-tabs> -->
    <div class="card rounded-0">
        <!-- <div class="card-header bg-white">
            <i class="fa fa-search fa-fw" aria-hidden="true"></i>条件筛选</div> -->
        <div class="card-body">
            <!-- <div class="input-group">
                <div class="input-group-prepend input-group-append">
                    <span class="input-group-text bg-white">充值人</span>
                </div>
                <input [(ngModel)]="search.params.uid" type="text" class="form-control" placeholder="请输入查询的充值人">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white">订单号</span>
                </div>
                <input [(ngModel)]="search.params.orderSn" type="text" class="form-control" placeholder="请输入查询的订单号">
            </div> -->
            <!-- <br>
            <div class="input-group">
                <div class="input-group-prepend">
                    <span class="input-group-text bg-white">创建时间</span>
                </div>
                <input tsToggle [value]="search.params.start|date :'yyyy-MM-dd'" [target]="datepickerOne" [bind]="datepickerOne" type="text"
                    class="form-control bg-white pointer" placeholder="开始时间" readonly>
                <div class="input-group-prepend input-group-append">
                    <span class="input-group-text bg-white">到</span>
                </div>
                <input tsToggle [value]="search.params.end|date :'yyyy-MM-dd'" [target]="datepickerTwo" [bind]="datepickerTwo" type="text"
                    class="form-control bg-white pointer" placeholder="结束时间" readonly>
            </div> -->
            <br>
            <div class="row">
                <div class="col-6">
                    <!-- <div class="input-group">
                        <div class="input-group-prepend">
                            <span class="input-group-text bg-white">共查询到</span>
                        </div>
                        <input type="text" value="{{pagination.total}}" class="form-control text-center bg-white" readonly placeholder="0">
                        <div class="input-group-append">
                            <span class="input-group-text bg-white">条/结果</span>
                        </div>
                    </div> -->
                </div>
                <div class="col-6 text-right m-btn">
                    <button (click)="showEditModal()" class="btn btn-info">
                        <i class="fa fa-plus fa-fw"></i>
                        <span>添加一级分类</span>
                    </button>
                    <button (click)="doReset()" class="btn btn-white">
                        <i class="fa fa-refresh fa-fw"></i>
                        <span>重置</span>
                    </button>
                    <button (click)="doSearch()" class="btn btn-white">
                        <i class="fa fa-search fa-fw"></i>
                        <span>搜索</span>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="card rounded-0 mt-2">
        <div class="card-body">
            <!-- <ts-table-load #tsTableLoad="tsTableLoad" [display]="loading" [color]="global.getValue('color')"></ts-table-load> -->
            <div class="table-responsive">
                <table class="table table-striped">
                    <tbody>
                        <tr class="font-weight-bold bg-light">
                            <td *ngFor="let th of theads">{{th}}</td>
                        </tr>
                        <tr *ngFor="let td of list;index as i">
                            <td>{{td.id}}</td>
                             <!-- <td> 
                                <img tsImg [src]=" addd + td.scr" dataSrc="assets/images/404.jpg" class="rounded-circle" width="40"
                                    height="40" alt="Logo">
                            </td> -->
                            
                            <td>
                                <img tsImg class="img-thumbnail" dataSrc="assets/images/404.jpg" class="rounded-circle" width="40"  height="40"  [src]="'https://xcx.fangbianxiu.com/'+ td.scr" >
                            </td>
                            <td>{{td.className}}</td>
                            <td>{{td.createdAt}}</td>
                            <td class="operation">
                                <a class="btn-icon btn-icon-danger" (click)="del(td.id, td.status)">
                                    <i class="fa fa-lg fa-fw fa-trash-o align-middle"></i>
                                </a>
                                <a class="btn-icon btn-icon-info" (click)="showEditModal(td)">
                                    <i class="fa fa-lg fa-fw fa-edit align-middle"></i>
                                </a>
                                <!-- <a class="btn-icon btn-icon-info" routerLink="/store/types/{{td.id}}">
                                   二三
                                </a> -->
                                <button routerLink="/store/types/{{td.id}}" class="btn btn-link">查看下级</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <!-- <div class="text-right">
                <ts-pagination (pageChange)="loadDatas()" [pagination]="pagination" [items]="[{text:'显示 5 条',value:5},{text:'显示 10 条',value:10},{text:'显示 20 条',value:20}]"
                    [color]="global.getValue('color')" goTitle="跳转" prevTitle="上一页" nextTitle="下一页" startTitle="首页" endTitle="末尾"
                    outline></ts-pagination>
            </div> -->
        </div>
    </div>
</ng-container>

<router-outlet #outlet="outlet"></router-outlet>